<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>DataTablesl例子 - Bootstrap</title>

    <script src="../../../trd/requirejs/require.mini.js" data-main="DataTables_Tree.js"></script>

</head>
<body>

<div class="container-fluid">
    <nav class="navbar navbar-default" role="navigation">
        <div class="navbar-header">
            <a class="navbar-brand" href="#">调整类型</a>
        </div>

        <form class="navbar-form navbar-left">
            <div class="input-group">
                <span class="input-group-addon" id="basic-addon1">会计年度</span>

                <select class="form-control" id="select-update-nd" data-bind="event:{change:searchUpdateType}">
                    <option>请选择会计年度</option>
                </select>
            </div>

            <button type="button" class="btn btn-default" data-bind="click: addUpdateType">新增</button>
            <button type="button" class="btn btn-default" data-bind="click: editUpdateType">编辑</button>
            <button type="button" class="btn btn-default" data-bind="click: delUpdateType">删除</button>
            <div class="btn-group" role="group" aria-label="...">
            </div>
        </form>


    </nav>
    <div class="col-md-4">
        <h1>Tree</h1>
        <div class="row">
            <div class="col-md-7">
                <button type="button" class="btn btn-success btn-sm" id="button1"><i class="glyphicon glyphicon-asterisk"></i> Create</button>
                <button type="button" class="btn btn-warning btn-sm" id="button2"><i class="glyphicon glyphicon-pencil"></i> Rename</button>
                <button type="button" class="btn btn-danger btn-sm" id="button3"><i class="glyphicon glyphicon-remove"></i> Delete</button>
            </div>
            <div class="col-md-4 input-group">
                <input type="text" class="form-control input-sm" value="" id="demo_q" placeholder="搜索"/>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12">
                <div id="jstree_demo" class="demo form-control" style="margin-top:1em; min-height:200px;"></div>

            </div>
        </div>
    </div>


    <div class="col-md-8">
        <div class="panel panel-default">
            <div class="panel-heading">Panel heading without title</div>
            <!--<h1 class="page_title">DataTables</h1>-->


            <table id="example" class="table table-striped table-bordered" cellspacing="0" width="100%">
                <thead>
                <tr>
                    <th></th>
                    <th>名称(合并)</th>
                    <th>Position</th>
                    <th>Office</th>
                    <th>Extn.</th>
                    <th>Start date</th>
                    <th>Salary</th>
                </tr>
                </thead>
                <tfoot>
                <tr>
                    <th></th>
                    <th>名称(合并)</th>
                    <th>Position</th>
                    <th>Office</th>
                    <th>Extn.</th>
                    <th>Start date</th>
                    <th>Salary</th>
                </tr>
                </tfoot>
            </table>
        </div>
    </div>
</div>


</body>
</html>